
<div>
	<div class="author">
		<img class="avatar-normal" style="width: 40px;height: 40px;" ng-click="gotoUserClub(topic.user)" ng-src="{{topic.user.avatar?topic.user.avatar:'img/default_head.jpg'}}"/>
		<p class="author-info">
			<a ng-bind="topic.user.name" ng-click="gotoUserClub(topic.user)"></a>
			<!--<span class="level">LV{{topic.user.userType}}</span>-->
			<span class="created" ng-bind="topic.modifiedDescription"></span>
		</p>
		<a class="btn-drop" ng-if="(ownerId == topic.user.userId)" ng-click="showRemovePopover()">
			<i class="fa fa-angle-down"></i> 
		</a>
		<div class="remove-popover" ng-show="showDeletePopover" ng-click="removeTopic({type:'topic',snsTopicId:topic.snsTopicId})">
			删除
		</div>


		<a class="btn-drop" ng-if="(ownerId != topic.user.userId)" ng-show="!isSharing" ng-click="showReportPopover()">
			<i class="fa fa-angle-down"></i> 
		</a>
		<div class="report-popover" ng-show="showRepPopover" ng-click="reportTopic({snsTopicId:topic.snsTopicId})">
			举报
		</div>
	</div>
	<!--<h4>{{topic.title}}</h4>-->
	<div class="topic-article  {{!isColapsed?'':'colapsed'}}" ng-click="toggleColapse()" ng-bind-html="topic.content | emojify"></div>

	<a class="btn-colapse" ng-if="hasToggle && isColapsed" ng-click="toggleColapse()">查看全文</a>
	<!--<a class="btn-colapse" ng-if="hasToggle && !isColapsed" ng-click="toggleColapse()">折叠文字</a>-->
	
	<div ng-if="topic.images.length && fullsize">
		<span ng-repeat="img in topic.images" class="topic-img {{topic.images.length==1?'':'small'}} full-size">
			<img ng-click="showImage($index,$event)" ng-src="{{img.imgUrl}}"/>
		</span>
	</div>

	<div ng-if="topic.images.length && !fullsize" ng-click="toggleColapse()">
		<span ng-if="topic.images.length>1" ng-repeat="img in topic.images" class="topic-img {{topic.images.length==1?'':'small'}}">
			<img ng-if="!fullsize"  ng-src="{{img.imgUrl_320_240}}"/>
		</span>
		<span ng-if="topic.images.length==1" ng-repeat="img in topic.images" class="topic-img {{topic.images.length==1?'':'small'}}">
			<img ng-if="!fullsize"  ng-src="{{img.imgUrl}}"/>
		</span>
	</div>


	<div class="row topic-tools">
		<div class="col-xs-7 topic-additional-info">
			<span ng-if="!inclub">来自：<a ng-click="gotoClub(topic.club.snsClubId)" ng-bind="topic.club.name"></a></span>
		</div>
		<div class="col-xs-5 topic-toolbar">
			<a ng-click="voteTopic(topic.snsTopicId)" ng-if="!topic.isVotedByLoginUser"><i class="fa fa-thumbs-o-up"></i> {{topic.supportCount}}</a>
			<a ng-if="topic.isVotedByLoginUser"><i class="fa fa-thumbs-up"></i> {{topic.supportCount}}</a>
			<!--<a ng-click="addReply(topic.snsTopicId)"><i class="fa fa-reply"></i></a>-->
			<a ng-click="addReply(topic.snsTopicId)"><i class="fa fa-twitch"></i> {{topic.replyCount}}</a>
		</div>
	</div>	


	<mc-topic-replies topic="topic" newpage="newpage" inclub="inclub" class="replies" ng-if="topic.partReplies.length" mctopic-Mode="mctopicMode"></mc-topic-replies>
</div>

